{% extends "AcmeDemoBundle::employee.html.twig" %} {% block javascript
%}
<link rel="stylesheet" type="text/css"
    href="{{ asset('bundles/acmedemo/css/default/easyui.css') }}" />
<link rel="stylesheet" type="text/css"
    href="{{ asset('bundles/acmedemo/css/icon.css') }}" />
<script type="text/javascript"
    src="{{ asset('bundles/acmedemo/js/jquery.easyui.min.js') }}"></script>
<script type="text/javascript">

$(function(){
	$("#error").click(function() {
        $("#error").hide();
    });
	$('#tienphucap').mask('000,000,000,000,000', {reverse: true});
	$('#giamtrugiacanh').mask('000,000,000,000,000', {reverse: true});
	$('#lg').mask('999', {reverse: true});
	$.datepicker.regional[ "vi" ]
	 $( "#ngaysinh" ).datepicker({
         dateFormat:"dd-mm-yy",
         changeMonth: true,
         changeYear: true,
    });
	 $( "#ngayvaolam" ).datepicker({
         dateFormat:"dd-mm-yy",
         changeMonth: true,
         changeYear: true,
    });
	 $( "#ngayvaodang" ).datepicker({
         dateFormat:"dd-mm-yy",
         changeMonth: true,
         changeYear: true,
    });

		
        $("#button_ok").click(function() {
        	
        	if($("#hoten").val() == ""){
        		
                alert("Xin hãy nhập họ tên !");
                $("#hoten").focus();
                return;
            }
            if($("#diachi").val() == ""){
                alert("Xin hãy nhập địa chỉ!");
                $("#diachi").focus();
                return;
            }
            if($("#ngaysinh").val() == ""){
                alert("Xin hãy nhập ngày sinh!");
                $("#ngaysinh").focus();
                return;
            }
            if($("#dienthoai").val() == ""){
                alert("Xin hãy nhập điện thoại!");
                $("#dienthoai").focus();
                return;
            }
            if($("#phongban_hidden").val() == ""){
                alert("Xin hãy chọn phòng ban!");
                $("#phongban").focus();
                return;
            }
            if($("#chucvu_hidden").val() == ""){
                alert("Xin hãy chọn chức vụ!");
                $("#chucvu").focus();
                return;
            }
            if($("#ngayvaolam").val() == ""){
                alert("Xin hãy nhập ngày vào làm!");
                $("#ngayvaolam").focus();
                return;
            }
            
            
            if($("#trinhdo_hidden").val() == ""){
                alert("Xin hãy chọn trình độ!");
                $("#trinhdo").focus();
                return;
            }
            if($("#mucluong").val() == ""){
                alert("Xin hãy nhập mức lương!");
                $("#mucluong").focus();
                return;
            }
            if($("#hesocongviec").val() == ""){
                alert("Xin hãy nhập hệ số công việc!");
                $("#hesocongviec").focus();
                return;
            }
            if($("#lg").val() == ""){
                alert("Xin hãy nhập phầm trăm lg !");
                return;
            }
            if($("#giamtrugiacanh").val() == ""){
                alert("Xin hãy nhập số tiền giảm trừ gia cảnh !");
                return;
            }
            
            $("#form").attr("action", "{{ path('acme_NhanVien_input') }}");
            $("#form").submit();
        });
        
      
    });

</script>
{% endblock %} {% block content %}
<div class="grid_16">
	<!-- TABS START -->
	<div id="tabs">
		<div class="container">
			<ul>
				<li><a href="{{ path('acme_NhanVien_list') }}"><span>Danh
							sách nhân viên</span></a></li>

				<li><a class="current" href="{{ path('acme_NhanVien_input') }}"><span>Thêm
							nhân viên</span></a></li>


			</ul>
		</div>
	</div>
	<!-- TABS END -->
</div>
<div class="grid_16" id="content">
	<form method="POST" id="form">
		<div class="grid_16">
			<h1 class="users">Thêm Nhân viên</h1>
		</div>

		{% if exist == "phongban" %}
		<div class="grid_15">
			<p id="error" class="info">
				<span class="info_inner">Phòng ban không tồn tại ! Vui lòng
					chọn lại !</span>
			</p>
		</div>
		{% elseif exist == "chucvu" %}
		<div class="grid_15">
			<p id="error" class="info">
				<span class="info_inner"> Chức vụ không tồn tại. Vui lòng
					chọn lại !</span>
			</p>
		</div>
		{% elseif exist == "trinhdo" %}
		<div class="grid_15">
			<p id="error" class="info">
				<span class="info_inner">Trình độ không tồn tại. Vui lòng
					chọn lại !</span>
			</p>
		</div>
		{% endif %} 
		<div class="grid_15">
			<div class="portlet-header">
				<img alt="1"
					src="{{ asset('bundles/acmedemo/images/profile.png') }}">
				Thông tin cá nhân
			</div>
			<div class="portlet-content">
				<label>Họ tên</label> <input class="smallInput" name="hoten"
					value="{{hoten}}" id="hoten" type="text"> <label>Địa
					chỉ</label> <input value="{{diachi}}" class="smallInput wide" name="diachi"
					id="diachi" type="text"> <label>Ngày sinh</label> <input
					class="smallInput" name="ngaysinh" value="{{ngaysinh}}"
					id="ngaysinh" type="text"> <label>Điện thoại</label> <input
					class="smallInput" name="dienthoai" id="dienthoai"
					value="{{dienthoai}}" type="text">
			</div>
		</div>
		<div class="grid_15">
			<div class="portlet-header">
				<img alt="2" src="{{ asset('bundles/acmedemo/images/work.png') }}">
				Công việc
			</div>
			<div class="portlet-content">
				<label>Đơn vị/phòng ban</label>
				<input id="phongban" name="phongban" class="easyui-combogrid" style="width:150px" value="{{maphongban}}" data-options="
            panelWidth: 500,
            idField: 'id',
            textField: 'name',
            url: '{{ path('acme_phongban_json') }}',
            columns: [[
                {field:'id',title:'Mã',width:80},
                {field:'name',title:'Tên phòng ban',width:120},
                {field:'nhom',title:'Tên nhóm',width:120}
            ]],
            fitColumns: true
        ">
				<label>Chức vụ</label>
				<input id="chucvu" name="chucvu" class="easyui-combogrid" style="width:150px" value="{{machucvu}}" data-options="
            panelWidth: 500,
            idField: 'id',
            textField: 'name',
            url: '{{ path('acme_chucvu_json') }}',
            columns: [[
                {field:'id',title:'Mã',width:80},
                {field:'name',title:'Tên chức vụ',width:120},
                {field:'heso',title:'Hệ số',width:120}
            ]],
            fitColumns: true
        ">
				
				<label>Ngày vào làm</label> <input class="smallInput"
					value="{{ngayvaolam}}" name="ngayvaolam" id="ngayvaolam"
					type="text"> <label>Ngày vào đảng</label> <input
					class="smallInput" name="ngayvaodang" value="{{ngayvaodang}}"
					id="ngayvaodang" type="text">
			</div>
		</div>

		<div class="grid_15">
			<div class="portlet-header">
				<img alt="3" src="{{ asset('bundles/acmedemo/images/study.png') }}">
				Học tập
			</div>
			<div class="portlet-content">
				<label>Trình độ</label>
				<input id="trinhdo" name="trinhdo" class="easyui-combogrid" style="width:150px" value="{{matrinhdo}}" data-options="
            panelWidth: 500,
            idField: 'id',
            textField: 'name',
            url: '{{ path('acme_trinhdo_json') }}',
            columns: [[
                {field:'id',title:'Mã',width:80},
                {field:'name',title:'Trình độ',width:120}
            ]],
            fitColumns: true
        ">
				
			</div>
		</div>

		<div class="grid_15">

			<div class="portlet-header">
				<img alt="3" src="{{ asset('bundles/acmedemo/images/money.png') }}">
				Lương
			</div>
			<div class="portlet-content">
				<label>Mức lương</label> <input class="smallInput" name="mucluong"
					value="{{mucluong}}" id="mucluong" type="text"> <label>Hệ
					số lương công việc</label> <input class="smallInput" name="hesocongviec"
					value="{{hesocongviec}}" id="hesocongviec" type="text"> <label>Tính
					bảo hiểm</label> {% if tinhbaohiem == "on" %} <input name="tinhbaohiem"
					id="tinhbaohiem" type="checkbox" checked="checked"> {%
				else %} <input name="tinhbaohiem" id="tinhbaohiem" type="checkbox">
				{% endif %} <label>Tính ăn trưa</label> {% if tinhantrua == "on" %}
				<input name="tinhantrua" id="tinhantrua" type="checkbox"
					checked="checked"> {% else %} <input name="tinhantrua"
					id="tinhantrua" type="checkbox"> {% endif %} <label>Tiền
					phụ cấp</label> <input class="smallInput" name="tienphucap" id="tienphucap"
					value="{{tienphucap}}" type="text">
					<label>
					Phần trăm lg</label> <input name="lg" id="lg"
            class="smallInput" type="text" value="{{lg}}" > 
            <label>
                    Giảm trừ gia cảnh</label> <input name="giamtrugiacanh" id="giamtrugiacanh"
            class="smallInput" type="text" value="{{giamtrugiacanh}}" > 
            
			</div>
		</div>
		

		<div class="grid_16">
			<a class="button_ok" id="button_ok"> <span>Thêm</span>
			</a> <a class="button_notok" id="button_notok" href="{{ path('acme_NhanVien_list') }}"> <span>Hủy</span>
			</a>
		</div>
	</form>
</div>
{% endblock %}
